 <div class="panel panel-default panel-intro">

     <div class="panel-heading">
         {:build_heading(null,FALSE)}
         <ul class="nav nav-tabs" data-field="status">
             <li class="active"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>
             {foreach name="statusList" item="vo"}
             <li><a href="#t-{$key}" data-value="{$key}" data-toggle="tab">{$vo}</a></li>
             {/foreach}
         </ul>
     </div>

 <form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
     <div class="widget-body no-padding">
         <div id="toolbar" class="toolbar myTabContent">
             <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
             <a href="javascript:;" class="btn btn-success btn-add-order" >开单</a>
         </div>
         <table id="table" class="table  table-bordered  text-center"
                width="100%">
         </table>
     </div>
 </form>
 <style type="text/css">
 	#add-form{
		padding: 20px;
	}
	.table-hover > tbody > tr:hover > td,
	
	.table-hover > tbody > tr:hover > th {
	
	background-color: white;
	
	}
	#table{
		background:white;
	}
	#table td{
		padding: 8px 0!important;
	}
 </style>